<include file="include/header" />
<div class="toppic">
    <div class="am-container-1">
        <div class="toppic-title left">
            <i class="am-icon-paper-plane toppic-title-i"></i>
            <span class="toppic-title-span">{$column->name}</span>
            <p>{$column->description}</p>
        </div>
        <div class="right toppic-progress">
            <span><a href="{:url('/index')}" class="w-white">首页</a></span>
            <notempty name="parents">
                <volist name="parents" id="v">
                    <i class=" am-icon-arrow-circle-right w-white"></i>
                    <span><a href="{:url('show/lists',['name'=>$v['data']['alias'],'data'=> ($v['data']['is_show']?'showdata':'show')])}" class="w-white">{$v.name}</a></span>
                </volist>
            </notempty>

        </div>
    </div>
</div>
<div class="am-container-1 news-content-all">
    <div class="left am-u-sm-12 am-u-md-8 am-u-lg-{:empty($childColumn)?'12':'9'}">
        <ul class="news-ul">
            <volist name="contents" id="v">
                <li class="am-u-sm-12 am-u-md-6 am-u-lg-4 ">
                <a href="{:url('show/contents',['name'=>$v['column_model']['alias'],'item'=> $v[$v->getPk()]])}">
                    <div class="news-ul-liall">
                        <img class="news-ul-liimg" src="{$v.thumbnail}"/>
                        <div class="inform-list">
                            <div class="inform-list-date"><i class="am-icon-arrow-circle-right"></i>{$v.release_time}</div>
                            <notempty name="v.keywords">
                                <div class="inform-list-label"><i class="am-icon-arrow-circle-right"></i>{$v.keywords}</div>
                            </notempty>
                            <div class="inform-list-numb"><i class="am-icon-arrow-circle-right"></i>点击次数：{$v.click}</div>
                        </div>
                        <span>{$v.title}</span>
                        <p>{$v.description}</p>
                        <span class="see-more3">查看<i class="am-icon-angle-double-right"></i></span>
                    </div>
                </a>
            </li>
            </volist>
            <div class="clear"></div>
        </ul>
        <!--<ul class="am-pagination ">-->
            <!--<li ><a href="#">&laquo;</a></li>-->
            <!--<li><a href="#">上一页</a></li>-->
            <!--<li><a class="current-page">1</a></li>-->
            <!--<li><a href="#">下一页</a></li>-->
            <!--<li ><a href="#">&raquo;</a></li>-->
        <!--</ul>-->
    </div>

    <notempty name="childColumn">
    <div class="left am-u-sm-12 am-u-md-4 am-u-lg-3">
        <section data-am-widget="accordion" class="am-accordion am-accordion-gapped" data-am-accordion='{  }'>
            <div class="hot-title"><i class="am-icon-thumbs-o-up"></i>新闻分类 / 	News classification</div>
           <volist name="childColumn" id="v">
               <dl class="am-accordion-item ">  <!--am-active-->
                   <dt class="am-accordion-title">
                       {$v.name}
                   </dt>
                   <dd class="am-accordion-bd am-collapse">  <!-- am-in-->
                       <!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
                       <div class="am-accordion-content">
                           <!--英特网，是网络与网络之间所串连成的庞大网络网又称网际网路或音译因特网、英特网，是网络与网络之间所串连成的庞大网络网络与网络之-->
                           <div style="margin-top: 10px">
                               <a href="{:url('show/lists',['name'=>$v['data']['alias'],'data'=> ($v['data']['is_show']?'showdata':'show')])}">
                                   <span class="see-more3">查看<i class="am-icon-angle-double-right"></i></span>
                               </a>
                           </div>
                       </div>
                   </dd>
               </dl>
           </volist>

        </section>

    </div>
    </notempty>
    <div class="clear"></div>
</div>
<include file="include/footer" />